<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
   xmlns:ui="http://java.sun.com/jsf/facelets"
   xmlns:h="http://java.sun.com/jsf/html"
   xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="template.xhtml">
   <ui:define name="content">
      <h:messages />
      <h1>Users</h1>
      <h:dataTable value="#{users}" var="u">
         <h:column>
            <f:facet name="header">
               Username
            </f:facet>
            <h:outputText value="#{u.username}" />
         </h:column>
         <h:column>
            <f:facet name="header">
               Name
            </f:facet>
            <h:outputText value="#{u.name}" />
         </h:column>
         <h:column>
            <f:facet name="header">
               Password
            </f:facet>
            <h:outputText value="#{u.password}" />
         </h:column>
      </h:dataTable>
      <h1>Add user</h1>
      <h:form>
         <table>
            <tr>
               <td>Username</td>
               <td><h:inputText value="#{newUser.username}" />
               </td>
            </tr>
            <tr>
               <td>Name</td>
               <td><h:inputText value="#{newUser.name}" />
               </td>
            </tr>
            <tr>
               <td>Password</td>
               <td><h:inputText value="#{newUser.password}" />
               </td>
            </tr>
            <tr>
               <td></td>
               <td><h:commandButton action="#{userManager.addUser}"
                     value="Add User" />
               </td>
            </tr>
         </table>
      </h:form>
   </ui:define>
</ui:composition>
</html>
